/* 全屏页面 */
html,body {
    width: 100%;    
    height: 100%;   
}

.ct_layout {
    width: 100%;
    height: 100%;
} 

 /* 头部搜索模块 */
.ct_header {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    position: absolute;
}

 /* 主体 */
 /* 因为宽度必须设置成100% 所以可以让一个脱标 另一个设置margin-left 来实现满屏 无滚动条 */
.ct_content {
    width: 100%;
    height: 100%;
    padding-top: 50px;

}
 /* 这个宽度不变 所以不能设置百分比 */
.ct_cLeft {
    width: 100px;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}
.ct_nav {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    position: absolute;
    /* transition: null; */
 }
.ct_nav li {
    width: 100%;
    height: 50px;
 }
.ct_nav li a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #eee;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
}
.ct_nav li.active a{
    background-color: white;
    color: red;
}
.ct_cRight{
    height: 100%;
    margin-left: 100px;
    display: flex;
    flex-direction: column;
}
.ct_rImg {
    display: block;
    width: 100%;
}
.ct_rImg img {
    display: block;
    width: 100%;
}
.ct_rImg h3 {
    height: 30px;
    line-height: 30px;
}
.ct_hotCategory {
    width: 100%;
    flex: 1;
    overflow: hidden;
}
.ct_hotCategory li {
    width: 33.3%;
    float: left;
    text-align: center;
}
